<template>
  <div class="VideoAudio">
    <div
      class="VA_introduction"
      @click="VA_introduction_click"
    >
      查看课程简介
      <img
        :style="'transform: rotate('+ VA_introduction_rotate +'deg);'"
        src="http://o6wndwjxn.qnssl.com/7c452201810231644027976.png"
        alt=""
      >
    </div>
    <div
      class="VA_introduction_show"
      v-show="VA_introduction_show"
    >
      <div v-html="type"></div>wa
    </div>
  </div>
</template>

<script>
export default {
  props: {
    type: ''
  },
  data () {
    return {
      VA_introduction_rotate: 0,
      VA_introduction_show: false
    }
  },
  methods: {
    VA_introduction_click () {
      if (this.VA_introduction_rotate == 0) {
        this.VA_introduction_rotate = 90
        this.VA_introduction_show = true
      } else {
        this.VA_introduction_rotate = 0
        this.VA_introduction_show = false
      }
    }
  }

}
</script>

<style>
.VA_introduction {
  width: 100%;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  height: 50px;
  line-height: 48px;
  font-size: 18px;
  color: #1a1a1a;
  font-weight: bold;
  position: relative;
}
.VA_introduction > img {
  height: 15px;
  position: absolute;
  right: 0;
  top: 17px;
  transform: rotate();
  transition: all 0.5s;
}
</style>
